ul {list-style: none}
a:focus{outline: none;}
.clear-pm {padding: 0!important;margin: 0!important}
.clear-p{padding: 0!important;}
.clear-m{margin: 0!important;}
.padd5{padding: 5px !important;}

a.show_number {cursor:pointer;text-decoration:none;}


::selection {background: #ffcd21 !important; color: #fff;}
::-webkit-scrollbar-track { background: #eee;border: thin solid lightgray;box-shadow: 0px 0px 3px #dfdfdf inset; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #ffd300;border: thin solid gray; border-radius: 10px;}
::-webkit-scrollbar-button {width: 8px;height: 5px;}
::-webkit-scrollbar {width: 8px;}





/************+++++++++++++++++++++++****************/
/*****++++Website preloader  area    +++*******/
/****************+++++++++++++++++++++++************/

#website-loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(238, 237, 237); z-index: 9999999999; text-align: center; display: block; }
.loading-effect { position: absolute; bottom: 50%; width: 100%; text-align: center; margin-bottom: -30px; }
.loading-title { font-size: 14px; margin-top: 5px; display: block; letter-spacing: 2px; text-transform: uppercase; margin-top: 1%; color: #353558; }



/**
 *  [ 4 ] - Website Loading animation 
 *  
 *	~~~~~~~~~~~~~~~~~~~~~~~~~
 */

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */

.la-ball-fall { color: #f17663 !important; /*margin: auto;*/ display: inline-block !important; }
.la-ball-fall,
.la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.la-ball-fall { display: block; font-size: 0; color: #fff; }
.la-ball-fall.la-dark { color: #333 }
.la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }
.la-ball-fall { width: 54px; height: 18px; }
.la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; }
.la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; animation-delay: -200ms; }
.la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; animation-delay: -100ms; }
.la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; }
.la-ball-fall.la-sm { width: 26px; height: 8px; }
.la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; }
.la-ball-fall.la-2x { width: 108px; height: 36px; }
.la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; }
.la-ball-fall.la-3x { width: 162px; height: 54px; }
.la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; }
/*
 * Animation
 */
@-webkit-keyframes ball-fall { 
    0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); }
    10% { opacity: .5 }
    20% { opacity: 1; -webkit-transform: translateY(); transform: translateY(); }
    80% { opacity: 1; -webkit-transform: translateY(); transform: translateY(); }
    90% { opacity: .5 }
    100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); }
}
@-moz-keyframes ball-fall { 
    0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); }
    10% { opacity: .5 }
    20% { opacity: 1; -moz-transform: translateY(); transform: translateY(); }
    80% { opacity: 1; -moz-transform: translateY(); transform: translateY(); }
    90% { opacity: .5 }
    100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); }
}
@-o-keyframes ball-fall { 
    0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); }
    10% { opacity: .5 }
    20% { opacity: 1; -o-transform: translateY(); transform: translateY(); }
    80% { opacity: 1; -o-transform: translateY(); transform: translateY(); }
    90% { opacity: .5 }
    100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); }
}
@keyframes ball-fall { 
    0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); }
    10% { opacity: .5 }
    20% { opacity: 1; -webkit-transform: translateY(); -moz-transform: translateY(); -o-transform: translateY(); transform: translateY(); }
    80% { opacity: 1; -webkit-transform: translateY(); -moz-transform: translateY(); -o-transform: translateY(); transform: translateY(); }
    90% { opacity: .5 }
    100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); }
}

/***********************************************************************/

.la-ball-clip-rotate-multiple.la-3x {margin: 0 auto;}
.la-ball-clip-rotate-multiple, .la-ball-clip-rotate-multiple > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.la-ball-clip-rotate-multiple { display: block; font-size: 0; color: #213F9A; }
.la-ball-clip-rotate-multiple.la-dark { color: #333 }
.la-ball-clip-rotate-multiple > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }
.la-ball-clip-rotate-multiple { width: 32px; height: 32px; }
.la-ball-clip-rotate-multiple > div { position: absolute; top: 50%; left: 50%; background: transparent; border-style: solid; border-width: 2px; border-radius: 100%; -webkit-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite; -moz-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite; -o-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite; animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite; }
.la-ball-clip-rotate-multiple > div:first-child { position: absolute; width: 32px; height: 32px; border-right-color: transparent; border-left-color: transparent; }
.la-ball-clip-rotate-multiple > div:last-child { width: 16px; height: 16px; border-top-color: transparent; border-bottom-color: transparent; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-direction: reverse; -moz-animation-direction: reverse; -o-animation-direction: reverse; animation-direction: reverse; }
.la-ball-clip-rotate-multiple.la-sm { width: 16px; height: 16px; }
.la-ball-clip-rotate-multiple.la-sm > div { border-width: 1px }
.la-ball-clip-rotate-multiple.la-sm > div:first-child { width: 16px; height: 16px; }
.la-ball-clip-rotate-multiple.la-sm > div:last-child { width: 8px; height: 8px; }
.la-ball-clip-rotate-multiple.la-2x { width: 64px; height: 64px; }
.la-ball-clip-rotate-multiple.la-2x > div { border-width: 4px }
.la-ball-clip-rotate-multiple.la-2x > div:first-child { width: 64px; height: 64px; }
.la-ball-clip-rotate-multiple.la-2x > div:last-child { width: 32px; height: 32px; }
.la-ball-clip-rotate-multiple.la-3x { width: 96px; height: 96px; }
.la-ball-clip-rotate-multiple.la-3x > div { border-width: 6px }
.la-ball-clip-rotate-multiple.la-3x > div:first-child { width: 96px; height: 96px; }
.la-ball-clip-rotate-multiple.la-3x > div:last-child { width: 48px; height: 48px; }
/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate-multiple-rotate { 
    0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
    50% { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }
    100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}
@-moz-keyframes ball-clip-rotate-multiple-rotate { 
    0% { -moz-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
    50% { -moz-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }
    100% { -moz-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}
@-o-keyframes ball-clip-rotate-multiple-rotate { 
    0% { -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
    50% { -o-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }
    100% { -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes ball-clip-rotate-multiple-rotate { 
    0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
    50% { -webkit-transform: translate(-50%, -50%) rotate(180deg); -moz-transform: translate(-50%, -50%) rotate(180deg); -o-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }
    100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); -moz-transform: translate(-50%, -50%) rotate(360deg); -o-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}

/********************************Line *****************************/

.line { display: inline-block; width: 15px; height: 15px; border-radius: 15px; background-color: #828282; }
.ring-1 { width: 10px; height: 10px; margin: 0 auto; padding: 10px; border: 7px dashed #fff; border-radius: 100%; }
.ring-2 { position: relative; width: 45px; height: 45px; margin: 0 auto; border: 4px solid #4b9cdb; border-radius: 100%; }
.ball-holder { position: absolute; width: 12px; height: 45px; left: 17px; top: 0px; }
.ball { position: absolute; top: -11px; left: 0; width: 16px; height: 16px; border-radius: 100%; background: #4282B3; }
.letter-holder { padding: 16px }
.letter { float: left; font-size: 14px; color: #777; }
.square { width: 12px; height: 12px; border-radius: 4px; background-color: #4b9cdb; }
.spinner { position: relative; width: 45px; height: 45px; margin: 0 auto; }
.bubble-1,
.bubble-2 { position: absolute; top: 0; width: 25px; height: 25px; border-radius: 100%; background-color: #4b9cdb; }
.bubble-2 { top: auto; bottom: 0; }
.bar { float: left; width: 15px; height: 6px; border-radius: 2px; background-color: #4b9cdb; }
/* =Animate the stuff
------------------------ */
.load-1 .line:nth-last-child(1) { animation: loadingA 1.5s 1s infinite }
.load-1 .line:nth-last-child(2) { animation: loadingA 1.5s .5s infinite }
.load-1 .line:nth-last-child(3) { animation: loadingA 1.5s 0s infinite }
.load-2 .line:nth-last-child(1) { animation: loadingB 1.5s 1s infinite }
.load-2 .line:nth-last-child(2) { animation: loadingB 1.5s .5s infinite }
.load-2 .line:nth-last-child(3) { animation: loadingB 1.5s 0s infinite }
.load-3 .line:nth-last-child(1) { animation: loadingC .6s .1s linear infinite }
.load-3 .line:nth-last-child(2) { animation: loadingC .6s .2s linear infinite }
.load-3 .line:nth-last-child(3) { animation: loadingC .6s .3s linear infinite }
.load-4 .ring-1 { animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite }
.load-5 .ball-holder { animation: loadingE 1.3s linear infinite }
.load-6 .letter { animation-name: loadingF; animation-duration: 1.6s; animation-iteration-count: infinite; animation-direction: linear; }
.l-1 { animation-delay: .48s }
.l-2 { animation-delay: .6s }
.l-3 { animation-delay: .72s }
.l-4 { animation-delay: .84s }
.l-5 { animation-delay: .96s }
.l-6 { animation-delay: 1.08s }
.l-7 { animation-delay: 1.2s }
.l-8 { animation-delay: 1.32s }
.l-9 { animation-delay: 1.44s }
.l-10 { animation-delay: 1.56s }
.load-7 .square { animation: loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite }
.load-8 .line { animation: loadingH 1.5s cubic-bezier(.17,.37,.43,.67) infinite }
.load-9 .spinner { animation: loadingI 2s linear infinite }
.load-9 .bubble-1,
.load-9 .bubble-2 { animation: bounce 2s ease-in-out infinite }
.load-9 .bubble-2 { animation-delay: -1.0s }
.load-10 .bar { animation: loadingJ 2s cubic-bezier(.17,.37,.43,.67) infinite }
@keyframes loadingA { 
    { height: 15px }
    50% { height: 35px }
    100% { height: 15px }
}
@keyframes loadingB { 
     { width: 15px }
    50% { width: 35px }
    100% { width: 15px }
}
@keyframes loadingC { 
     { transform: translate(0,0) }
    50% { transform: translate(0,15px) }
    100% { transform: translate(0,0) }
}
@keyframes loadingD { 
     { transform: rotate(0deg) }
    50% { transform: rotate(180deg) }
    100% { transform: rotate(360deg) }
}
@keyframes loadingE { 
     { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}
@keyframes loadingF { 
    0% { opacity: 0 }
    100% { opacity: 1 }
}
@keyframes loadingG { 
    0% { transform: translate(0,0) rotate(0deg) }
    50% { transform: translate(70px,0) rotate(360deg) }
    100% { transform: translate(0,0) rotate(0deg) }
}
@keyframes loadingH { 
    0% { width: 15px }
    50% { width: 35px; padding: 4px; }
    100% { width: 15px }
}
@keyframes loadingI { 
    100% { transform: rotate(360deg) }
}
@keyframes bounce { 
    0%,
    100% { transform: scale(0.0) }
    50% { transform: scale(1.0) }
}
@keyframes loadingJ { 
    0%,
    100% { transform: translate(0,0) }
    50% { transform: translate(80px,0); background-color: #f5634a; width: 25px; }
}













/************+++++++++++++++++++++++****************/
/*****++++ Gallery page  section  area    +++*******/
/****************+++++++++++++++++++++++************/
.gallery-contant-detail {padding-bottom: 15px;}
.gallery-left-content {font-family: open sans;font-size: 16px;font-weight: 300;padding-bottom: 15px;text-align: justify;}

.demo-gallery > ul {margin-bottom: 0;}
.demo-gallery > ul > li {margin-bottom: 15px;list-style: none;}
.demo-gallery > ul > li a {border: 3px solid #FFF;border-radius: 3px;display: block;overflow: hidden;position: relative;float: left;}
.demo-gallery > ul > li a > img {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);height: 100%;width: 100%;border: 1px dashed #ddd;padding: 2px;}
.demo-gallery > ul > li a:hover > img {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {opacity: 1;}
.demo-gallery > ul > li a .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.1);bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color 0.15s ease 0s;-o-transition: background-color 0.15s ease 0s;transition: background-color 0.15s ease 0s;}
.demo-gallery > ul > li a .demo-gallery-poster > img {left: 50%;margin-left: -10px;margin-top: -10px;opacity: 0;position: absolute;top: 50%;-webkit-transition: opacity 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s;}
.demo-gallery > ul > li a:hover .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.5);}
.demo-gallery .justified-gallery > a > img {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);height: 100%;width: 100%;}
.demo-gallery .justified-gallery > a:hover > img {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {opacity: 1;}
.demo-gallery .justified-gallery > a .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.1);bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color 0.15s ease 0s;-o-transition: background-color 0.15s ease 0s;transition: background-color 0.15s ease 0s;}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {left: 50%;margin-left: -10px;margin-top: -10px;opacity: 0;position: absolute;top: 50%;-webkit-transition: opacity 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s;}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.5);}
.demo-gallery .video .demo-gallery-poster img {height: 48px;margin-left: -24px;margin-top: -24px;opacity: 0.8;width: 48px;}
.demo-gallery.dark > ul > li a {border: 3px solid #04070a;}
.home .demo-gallery {padding-bottom: 80px;}
.demo-gallery li>a .demo-gallery-poster {background-color: rgba(0,0,0,.1);bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color .15s ease 0s;-o-transition: background-color .15s ease 0s;transition: background-color .15s ease 0s;}
.demo-gallery li>a .demo-gallery-poster>img {left: 50%;margin-left: -10px;margin-top: -10px;opacity: 0;position: absolute;top: 50%;-webkit-transition: opacity .3s ease 0s;-o-transition: opacity .3s ease 0s;transition: opacity .3s ease 0s;}
.pagination>li>a, .pagination>li>span { border-radius: 50% !important;margin: 0 5px; color: #fff !important;  background: url(img/gallery-pagi-bg.png)!important;border: 0  !important;    background-size: 100% 100% !important; font-weight: 700;} 

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background: url(img/gallery-pagi-bg.png)!important; border: 0 !important; font-weight: 700; background-size: 100% 100% !important;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background: url(img/gallery-pagi-bg.png)!important; border: 0 !important;     background-size: 100% 100% !important;}